<template>
<div class="pro">
  <div class="top_bg">
    区域产业链投资与招商网
  </div>
  <div class="td_div flex_center flex_w">
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon1.png" alt=""></div>
      <div class="td_desc">五图五库四池支撑</div>
    </div>
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon2.png" alt=""></div>
      <div class="td_desc">聚焦精细产业链</div>
    </div>
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon3.png" alt=""></div>
      <div class="td_desc">聚焦链主企业分析</div>
    </div>
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon4.png" alt=""></div>
      <div class="td_desc">以招商企业库为目标</div>
    </div>
  </div>
  <div class="js_div">
    <div class="div_text">
      <h2 class="" > 网站布局</h2>
      <p>地方政府招商会客厅（投资与招商对外网站），支持基于产业链的地方产业链招商资源展示和对接服务，支持地图招商、产业链招商、园区招商、政策招商、资本招商、会议招商、商会协会招商、营商环境建设。</p>
    </div>
    <img class="p0" src="~@/assets/img/project/pic10.png" alt="">
  </div>
  <div class="js_div js_div1">
    <div class="div_text">
      <h2 class="" > 地图模块</h2>
      <p>地方产业链载体资源地图，包括且不限于园区、企业、土地、项目等。</p>
    </div>
    <img class="p0" src="~@/assets/img/project/pic11.png" alt="">
  </div>
    <div class="js_div js_div1">
    <div class="div_text">
      <h2 class="" > 重点产业链招商项目</h2>
      <p>全渠道展示推介招商项目，吸引客商投资</p>
    </div>
    <img class="p0" src="~@/assets/img/project/pic12.png" alt="">
  </div>
    <div class="js_div js_div1">
    <div class="div_text">
      <h2 class="" > 重点产业链上下游企业</h2>
      <p>重点产业链上下游企业查询，龙头企业供应链配套企业查询。</p>
    </div>
    <img class="p0" src="~@/assets/img/project/pic13.png" alt="">
  </div>
  <form-div></form-div>
</div>
</template>
<script>
import formDiv from '../../components/form.vue'
export default {
  components: { formDiv },
  data(){
    return{

    }
  }
}
</script>
<style lang="scss" scoped>
.pro{
  background: #f7f8fa;
}
.top_bg{
  width: 100%;
  height: 220px;
  background: url(~@/assets/img/project/top_bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  line-height: 240px;
  color: #fff;
  font-size: 22px;
  font-weight: 100;
  font-family: KaiGenGothicSCExtraLight,Microsoft YaHei;
}
.td_div{
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  .td_item{
    // width: 280px;
    text-align: center;
    width: 50%;
    margin-top: 20px;
  }
  .tu{
    margin:0 auto;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #fff;
    box-shadow: 0 5px 12px 2px rgb(223 223 233 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    img{
      width: 33px;
      height: 32px;
    }
  }
  .td_desc{
    color: #0a1633;
    font-size: 14px;
    margin-top: 20px;
  }
}
</style>